import { useState } from 'react';
import DogImagesContainer from './components/DogImages/DogImagesContainer';
import DogImages from './components/DogImages/DogImagesNew';
import './App.css'

function App() {
  const [count, setCount] = useState(0)

  return (
    <div className="App">
      <h1>
        Browse Dog Images{" "}
        <span role="img" aria-label="emoji">
          🐕
        </span>
      </h1>
      {/* <DogImagesContainer /> */}
      <DogImages />
    </div>
  )
}

export default App
